<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="GET">
        <label><input type="checkbox" name="foods" value="chicken">鸡肉</label>
        <label><input type="checkbox" name="foods" value="beef">牛肉</label>
        <label><input type="checkbox" name="foods" value="duck">鸭肉</label>
    </form>

    <p>input 的类型
        input type: <br>text<br>
                    password<br>
                    submit<br>
                    checkbox<br>
                    radio<br>
                    number<br>
                    reset<br>
                    button等<br>

    </p>
    <p>form表单基本结构：</p>
    <p>&lt form action="" method="" &gt
        <!-- 用户名 -->
    <p>&lt input type="text" name="username" &gt</p>
        <!-- 密码 -->
    <p>&lt input type="password" name="pwd" &gt</p>
        <!-- 提交按钮 -->
    <p>&lt input type="submit" value="提交" &gt</p></p>
    <p>&lt /form &gt </p>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171223%2Fe9188c440931443087ec691a4080c043.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645176172&t=3455380669d9e062626c3285e4f69b21" width="300" height="300" style="float: right;">

    
    
</body>
</html>